<script lang="ts" setup>
import { Toaster as Sonner } from 'vue-sonner';
import type { ToasterProps } from 'vue-sonner';

const props = defineProps<ToasterProps>();

const toasterStyle = {
  '--normal-bg': 'var(--popover)',
  '--normal-text': 'var(--popover-foreground)',
  '--normal-border': 'var(--border)',
};
</script>

<template>
  <Sonner
    class="toaster group"
    v-bind="props"
    :style="toasterStyle"
  />
</template>
